<template>
	<view>
		<view class="noe">
			<text>清水湾1号楼</text>
		</view>
		<view class="list">
			<view class="on">
				<view class="left">
					<text>1单元</text>
				</view>
				<view class="right">
					<i></i>
				</view>
			</view>
			<view class="on">
				<view class="left">
					<text>2单元</text>
				</view>
				<view class="right">
					<i></i>
				</view>
			</view>
			<view class="on">
				<view class="left">
					<text>3单元</text>
				</view>
				<view class="right">
					<i></i>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style scoped lang="less">
	.noe{
		width: 750rpx;
		height: 80rpx;
		background-color: #f0f0f0;
		text{
			font-size:22rpx;
			line-height:78rpx;
			margin-left:29rpx;
		}
	}
	.list{
		width: 750rpx;
		height: 330rpx;
		.on{
			width:718rpx;
			height:98rpx;
			border-bottom:1rpx solid #f0f0f0;
			margin-left:32rpx;
			display:flex;
			align-items: center;
			justify-content: space-between;
			.left{
				text{
					font-size: 26rpx;
				}
			}
			.right{
				display: flex;
				align-items: center;
				position: relative;
				i{
					position: absolute;
					width:20rpx;
					height:20rpx;
					border-top: 1rpx solid #8c8c8c;
					border-right: 1rpx solid #8c8c8c;
					transform:rotate(45deg);
					right:30rpx;
				}
			}
		}
	}
</style>
